web开发-前端-vue

一、创建项目 使用下述命令创建项目 ps: 为了方便学习，上述在创建项目时需要用到的插件全部选择不创建 二、运行项目 按照上述操作最后结果上显示的命令来启动项目即可 然后使用local的地址在浏览器中

一、文本插值 将下述代码替换到App.vue 结果展示： 二、v-html： 插入html 上述的例子中是对纯文本数据进行插入，而不是html, 如果想要插入html， 则需要使用v-html， 例如

一、基础语法 二、v-if 使用下述代码替换 app.vue中的代码 三、v-show 使用下述代码替换 app.vue中的代码

一、列表循环 使用下述代码替换 app.vue中的代码 二、字典循环 使用下述代码替换 app.vue中的代码 特别说明： 循环的时候最好绑定一个key， 这样当循环对象发生变化的时候就只是调整顺序而

一、基础使用 使用下述代码替换 app.vue中的代码： 二、 绑定函数 使用下述代码替换 app.vue中的代码： 三、事件修饰符 1、常用事件修饰符 修饰符 说明 .stop 点击事件将停止传递

一、基础应用 使用下述代码替换app.vue 通过上述例子和截图可以看出： 直接在模板中计算属性的结果和使用computed去计算属性的结果是相同的，使用computed会让模板代码变的更简洁 com

一、基础使用 使用下述代码替换app.vue中的代码 二、立即执行 默认情况下watch是当数据发生变化时才会执行回调， 但是在某些场景中， 我们可能会希望在创建侦听器的时候就立刻先执行一遍回调。 此

一、基础使用：文本框 使用下述代码替换app.vue中代码 上述代码中 userInputMessage 可以实时获取输入框输入的字符并进行存储 二、其他控件绑定 使用下述代码替换app.vue中代码

一、基础应用 使用下述代码替换app.vue中代码 二、v-for中的模板引用 在v-for中使用模板引用，对应的ref中包含的是一个数组（不保证跟源数组相同顺序）

一、基础使用 1、定义组件 在components目录下新建一个.vue文件, 用于存放组件内容 组件内简单写一点东西： 2、使用组件 替换app.vue内代码如下： 二、组件的注册方式 1、局部注册

前置步骤 正式开始前需要手动创建一个fastApi服务用于测试网络请求，参考下述文章进行环境配置和启动： fastApi第一个程序 直接赋值这里的fastApi代码： 上述的代码中配置了一个get请求

前置条件： 在开始学习之前，先准备两个界面，界面内存放最简单用于识别的代码即可，例如： 一、安装 路由作为Vue的插件，需要安装才可以进行使用 二、基础使用 1、新建一个router目录用于存放路由相

一、官方示例-reactive 1、新建一个store目录用于存储状态管理相关文件 2、store目录下新建index.js 3、app.vue中进行使用 效果预览： 其实，通过前面的学习，想要实现一

官网内容主要分为三块： 这里介绍下基本使用 一、安装 在项目中使用下述命令即可 二、引用 1、完整引用 修改main.js： 2、按需引用 按需引用需要三方插件支持，在项目目录下执行下述命令进行安装