|
no longer 面向 DOM programming, but 面向 data .
mvvm design model. m 数据(data), v 视图(template模板组件),vm视图数据连接
1、调用与实现分离
vscode install live sass compiler
快速编译sass语言
bottom have "watch sass"
1)&==father，$变量用处，嵌套grammer的精髓就是可以少写code
2)_filename.scss用于存储变量，不会生成css文件 @import 'filename';
3）@mixin @include 封装，可以加入$parameter
@content
4) <script src="vue网址"></script>
5) 页面加载完成执行mounted()
6) setInterval() 计时器，1000 is 1 second
7) DOM 就是document.ById那个
8) v-if="show"显示隐藏 v-on:click 点击事件
<li v-for="(item,index) of list">{{item}} {{index}}</li>循环遍历
9) Todolist例子
标签里属性和数据绑定用v-bind
标签之间 用插值表达式{{inputValue}}
|