Vuejs模板绑定

一、Vue实例

①el:指定被Vue管理的模板入口,网页中的DOM节点,但是不能使用body和html,必须是一个普通的HTML标签节点,一般是div

②data:数据驱动视图的数据,在data中初始化一个数据成员,然后在模板中就可以使用这个模板成员,可以通过修改数据的方式来修改视图

③methods:一般用来定义事件处理函数,也可以把方法写到data中,但是在Vue中更推荐把所有方法写到methods属性中,这样更加合理,把方法和数据分门别类

二、数据绑定渲染(单向绑定)

①文本绑定

②标签节点属性绑定

③使用JavaScript表达式

三、表单数据双向绑定

①文本

②多行文本

③复选框

④单选按钮

⑤选择列表

四、事件绑定

①语法

②简写

五、条件渲染和列表渲染

①条件渲染语法:

②列表渲染语法:

猜你喜欢

转载自www.cnblogs.com/EricZLin/p/9363638.html