IT入门 > 教程 > vue教程 >

文本语法

文本 数据绑定最常见的形式就是使用{{}}语法 (双大括号) {{message}} 也可以使用v-bind方法 html文本 双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用...

hello Vue

1.引入vue.js库 2. 创建vue实例 3. 完整html导入 {{message}} 4.完整的helloWorld代码 Hello World {{message}}...

数组语法

我们可以把一个数组传给 v-bind:class，以应用一个 class 列表： data: { activeClass: 'active', errorClass: 'text-danger'} 渲染为...

绑定内联样式-对象语法

v-bind:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用单引号括起来) 来命名 data: { activeCol...

cli

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 ( @vue/cli-service )，...

列表渲染

我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。 基本用法 {{item}} var app=new Vue...

版本控制

默认情况下，当用--save或者--save-dev安装一个模块时，npm通过脱字符(^)来限定所安装模块的主版本号，而该脱字符对于不同的版本号有不同的更新机制 ^1.2.1 代表的更新版本范围为 >=1.2...

切换目录

进入某个盘 //进入d盘D://进入F盘F: 切换目录 cd 目录名称 / 代表根目录 在 C:\Users\administrator 目录下 输入 cd / 回车 进入根目录 c：/\pre ../代表上一个目录 在 C:\Users\administrator 目录下 输入...

案例创建一个myvue项目

1. windows键+R 打开运行命令2. 在运行命令里 输入 cmd 进入 cmd3. 检查是否有node 安装（没有需要安装node） node -v4. 检查是否有npm npm -v5. 全局安装 @vue/cli npm install -g @vue/cli6. 检查cli是否安装...

使用图形化界面

vue ui 命令以图形化界面创建和管理项目 vue ui 上述命令会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程。...