anthonycoffey

<template>
  <div>
  </div>
</template>
export default {
  name: 'sass loading component',
}
</script>
<style lang="scss" scoped>
// we can write sass now, woohoo!

anthonycoffey

module.exports = {
  module: {
    rules: [
      // ... other rules omitted

      // this will apply to both plain `.scss` files
      // AND `<style lang="scss">` blocks in `.vue` files
      {
        test: /\.scss$/,
        use: [

anthonycoffey

npm install sass-loader node-sass -s

anthonycoffey

<template>
  <div>
  </div>
</template>
export default {
  name: 'average component',
}
</script>
<style scoped>
// css goes here

anthonycoffey

var user = { name: 'Bill', age: 31, city: 'Dallas', state: 'TX' }

// object destructuring
var {city, state} = user;

console.log(city, state); // "Dallas", "TX"

anthonycoffey

const obj = { a: 1, b: 4}

// dot operator
obj.a  // 1

// bracket notation
obj['b']   // 4

anthonycoffey

var welcome = `Welcome!` //  Welcome!

var name = 'John Doe'
var greeting = `Hello, ${name}.` //  Hello, John Doe.

// you can use more than one variable in a template literal
var month = 5
var day = 30
var year = 2019

anthonycoffey

var data = [];
jQuery.map(obj , function (n, i) {
  data[n.name] = n.value;
});

anthonycoffey

box-shadow: inset 0px 1px 3px rgba(0,0,0,.5);

anthonycoffey

.selector {
  
  // small screens (xsmall - small)
  @include breakpoint(small){
    // add styling here
  }
  
  // medium screens (small - medium)
  @include breakpoint(medium){
    // add styling here