python和vue结合开发前端_Python--前端之路-----Vue

Vue

导入Vue

创建vue对象

加载后执行：

绑定：var vm= new Vue({ el:"#标签的id，此处类似于选择器", 属性，方法 })

属性：data：{属性1："值1", 属性2：值2，属性：true}

方法：methods：{ 方法名1: function (){执行内容}，方法名2: function(){执行内容} }

监听：watch：{属性名：function(){ 监听vue属性的数据变化，属性发生修改执行的内容}，... }

计算型属性：computed：{属性名：function(){属性计算，可以使用js内置方法，return 计算后的属性}}，引用使用时和普通属性一样，{ {属性名}}

自定义指令：directives：{  指令名:{ 发生时态:function(el){el.属性操作，el代表当前原生js对象}，发生时态2:function(el){...}}}，详见下面内容

js内使用

通过vue对象名.属性，vue.方法

本对象内使用当前对象属性：this.属性

使用   :标签内容.属性

设置标签内容

设置标签属性