学习笔记编写vue的第一个程序学习笔记编写vue的第一个程序

1、编写一个html，第一个vue程序
注意视图模板和数据

判断循环
事件

787原则

el属性
data属性
template属性
methods属性
render属性
computed属性
watch属性

文章图片

这里使用官方文档的cdn

1、编写一个html，第一个vue程序

Title - 锐客网 {{message}}

注意视图模板和数据 View视图
Model模型
ViewModel：双向绑定就是你们前端数据改变你们data中的数据也会改变

文章图片

可以在页面不刷新的情况下改变数据然后同步到前端显示

文章图片

文章图片

判断循环

if
for

事件

on

787原则学习vue我们必须知道它的7个属性，8个方法，以及7个指令

el属性
用来指示vue编译器从什么地方开始解析 vue的语法，可以说是一个占位符。

data属性
用来组织从view中抽象出来的属性，可以说将视图的数据抽象出来存放在data中。

template属性
用来设置模板，会替换页面元素，包括占位符。

methods属性
放置页面中的业务逻辑，js方法一般都放置在methods中

render属性
创建真正的Virtual Dom
【学习笔记编写vue的第一个程序】
computed属性
用来计算

watch属性