![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
YUNDONG丶
励志革新,桌面操作系统。
展开
-
JS -- Vuex 的基本使用
添加 vuex 的依赖 cd /你的 vue 项目 # 在项目下安装 vuex npm install --save vuex vue 中配置 vuex 打开 main.js import Vue from 'vue' import App from './App.vue' // 引入 vuex import Vuex from 'vuex' // 加载 vuex 到项目中 Vue.use(V...原创 2020-02-19 19:14:28 · 200 阅读 · 0 评论 -
Vue 的高级特性 provide/inject
Vue 是模块化的开发框架,各个组件存在与不同的父节点下(如下图)。provide/inject 主要解决组件中通信的问题,如下图 E 和 I 之间要通信。必须通过 C、A、D 三个中间节点。 我创建了 7 个节点 结构如下: 其中将 A 节点中的 color 设置为共享变量。 <script> export default { name: "node...原创 2020-02-19 14:57:13 · 245 阅读 · 0 评论 -
Vue 中父子组件的双向绑定
vue 提供了父子组件间的双向绑定的指令。我这里演示的只是学习使用。使用插槽方式。 子组件代码如下 <template> <div> <input v-model="msg"><br> {{ msg }} <!-- 接收来自父组件的插槽,并返回给子组件的 msg 值 --> ...原创 2020-02-18 16:56:12 · 566 阅读 · 0 评论 -
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
安装 node.js Windows windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config set registry https://regis...原创 2020-02-17 14:56:15 · 96 阅读 · 0 评论