Python自学-day36(前端框架--VUE)

一、安装 使用cnpm install vue安装,请参考本篇博客详细的vue安装说明>>>>>>
安装完成后,在docs命令窗口输入:vue - V(大写)查看版本
1、测试,创建第一个版本
docs窗口输入:

vue init webpack demo

运行vue,在docs依次输入以下命令:
// 进入项目 cd vue-project // 安装依赖 cnpm install // 测试环境是否搭建成功 cnpm run dev

二、Vue基础 2.1、vue之实例
vue本质是个类模板,通过传递参数操作实例,语法如下:
var app = new vue({......})

传递的参数包括:el、data、methods....、通过app.$xx来查看
- 锐客网
{{test}}
{{kao}}
{{mtd()}}

2.2、vue实例之-模板语法
插值(文本、原始html、表达式)
文本:
{{cz}}

html:


表达式:



指令(todo-list)

【Python自学-day36(前端框架--VUE)】转载于:https://www.cnblogs.com/yzmPython/p/11132977.html

    推荐阅读