Vue3教程 使用Vue3新特性创建一个简单App 1.Vue3安装和设置 首先,我们需要把项目vue next webpack preview复制过来,此项目包含Vue的设置 git clone https://github.com/vuejs/vue next webpack preview.g ...
分类:
移动开发 时间:
2020-12-09 12:10:42
阅读次数:
10
路由嵌套 官方文档及源码:https://github.com/vuejs/vue-router/blob/1.0/docs/zh-cn/nested.md 嵌套路由 嵌套路由和嵌套组件之间的匹配是个很常见的需求,使用 vue-router 可以很简单的完成这点。 假设我们有如下一个应用: <div ...
分类:
其他好文 时间:
2020-11-30 15:50:44
阅读次数:
7
使用 vue-cli 创建模板项目 vue-cli 是 vue 官方提供的脚手架工具 github: https://github.com/vuejs/vue-cli 作用: 从 https://github.com/vuejs-templates 下载模板项目 创建vue 项目 npm insta ...
分类:
其他好文 时间:
2020-11-11 16:02:24
阅读次数:
9
Vuex 部分 官网链接 https://vuex.vuejs.org/zh/ 先说一下vuex到底是什么? vuex 是一个专门为vue.js应用程序开发的状态管理模式。 这个状态我们可以理解为在data中的属性,需要共享给其他组件使用的部分。 也就是说,是我们需要共享的data,使用vuex进行 ...
分类:
其他好文 时间:
2020-11-01 10:11:35
阅读次数:
12
不积跬步,无以至千里;不积小流,无以成江海。 Vuejs语言基础 export default :相当于提供一个接口给外界,让其他文件通过 import 来引入使用。 export 和export default 的区别:export 可以导出多个命名模块。 对于export: // demo.js ...
分类:
Web程序 时间:
2020-10-13 16:55:48
阅读次数:
28
功能介绍: 基于element-ui和vuejs的表格式穿梭框组件——可双击穿梭,批量选择穿梭;清空选中项。 组件代码-具体代码在git仓库-https://github.com/layaling/formLibs.git中,可直接拉取引入使用 全局注册穿梭框组件 import shuttleBox ...
分类:
Web程序 时间:
2020-09-18 01:19:11
阅读次数:
76
但是,除了内容需要动态来决定外,某些属性我们也希望动态来绑定。比如动态绑定 a元素的href属性,比如动态绑定 img元素的 src属性。 这个时候,我们可以使用v-bind指令∶ 作用:动态绑定属性 缩写:: 预期:any (with argument) | Object (without arg ...
分类:
Web程序 时间:
2020-09-14 19:17:25
阅读次数:
44
创建Vue对象的时候,传入了一些options : { } { }中包含了el属性:该属性决定了这个Vue对象挂载到哪一个元素上 { }中包含了data属性:该属性中通常会存储一些数据 这些数据可以是我们直接定义出来的,比如像上面这样。 也可能是来自网络,从服务器加载的。 <!DOCTYPE htm ...
分类:
Web程序 时间:
2020-09-10 23:00:35
阅读次数:
52
1、安装vue-devtools 在本地文件夹中建个Vue的目录,然后使用Git下载vue-devtools工具。 命令如下 git clone https://github.com/vuejs/vue-devtools 2、在vue-devtools目录中安装依赖包 cd vue-devtools ...
分类:
其他好文 时间:
2020-09-09 18:52:50
阅读次数:
44
认识Vue 并安装nodeJS和NPM Vue快速入门 Vue实例 Vue指令 Vue组件化 Vue路由vue-router webpack快速入门 vue-cli入门 9.vue-cli 9.1.介绍和安装 在开发中,需要打包的东西不止是js、css、html。还有更多的东西要处理,这些插件和加载 ...
分类:
其他好文 时间:
2020-08-17 17:16:04
阅读次数:
58