使用Vite 搭建官网过程

使用Vite 搭建官网全局安装create-vite-appyarn global add create-vite-app@1.18.0 // 推荐yarnnpm i -g create-vite-app@1.18.0创建项目目录cva
2021年11月07日 153次浏览

Vuex 全局状态管理

全局状态管理(也叫全局数据管理)的好处是什么?解耦:将所有数据相关的逻辑放入 store(也就是 MVC 中的 Model,换了个名字而已)数据读写更方便:任何组件不管在哪里,都可以直接读写数据控制力更强:组件对数据的读写只能使用 stor
2021年10月06日 128次浏览

双向绑定 v-model

v-modelVue双向绑定:v-model(实际上就是v-bing:value 和 v-on:input的语法糖)v-model可以实现绑定一个变量,在变量变化的时候UI跟着变化,用户改变UI的时候数据也会跟着变化。v-model 在内部
2021年09月27日 131次浏览

Vue进阶构造属性

Vue进阶构造属性directives、mixins、extends、provide、injectDirectives 指令主要用于DOM操作,Vue实例/组件用于数据绑定、事件监听、DOM更新Vue指令主要目的就是原生的DOM操作,减少重
2021年09月24日 170次浏览

Vue 模板

Vue 模板模板template 三种写法一、Vue完整版,写在HTML里<div id="xxx">{{n}}<button @click="add">+1</butt
2021年09月17日 238次浏览

Vue构造选项(二)

Vue构造选项(二)响应式原理options.data当我们把options.data传给Vue之后options.data会被Vue监听之后进行篡改、会被Vue实例代理每次对data的读写都会被Vue监控Vue会在data变化时更新UI进
2021年09月13日 173次浏览

Vue数据响应式

Vue数据响应式深入理解options.data主要原理在文档的深入响应式原理章节内可以找到Vue对data做了什么做个实验如果data变了代码:myData变了//一般没人这么写,这样写是为了引用完整版 Vueimport Vue fro
2021年09月11日 406次浏览

Vue构造选项(一)

Vue构造选项创建Vue实例内存图把Vue的实例命名为vm是尤雨溪的习惯,我们应该沿用vm对象封装了对视图的所有操作,包括数据读写、事件绑定、DOM更新vm的构造函数是Vue,按照ES6的说法,vm所属的类是Vueoptions是new V
2021年09月09日 326次浏览

Vue浅析

VUE有两个版本分别是完整版vue.js和运行时版vue.runtime.js,生产环境使用带min的版本。template 和 render 怎么用template的用法如果需要在客户端编译模板 (比如传入一个字符串给 template 选项,或挂载到一个元素上并以其 DOM 内部的 HTML 作
2021年09月08日 238次浏览