安装vuex npm install vuex -S 在mian.js中引入仓库文件 import store[自定义名称] from "./store/index.js"[路径] new Vue({ store //注册store,以便其他组件都可以访问 }) 配置文件 在src下新建文件夹命名为store;并新建为index.j…

Vue数据响应式 const myData = { n : 0 } console.log(myData) // {n:10} const vm = new Vue({ data: myData, template:` <div>{{n}}</div> ` }).$mount('#app') setTimeout(()=&g…

祖先组件可以向所有子孙组件注入依赖 /*祖先组件*/ <template> <div></div> </template> <script> export default{ provide:{ map_nodeObj:{ map_node:this.obj } }, data(){ ret…

全局守卫 const router = new Router({ router:[ { path:'', name:'', component:'' } ] }) router.beforeEach((to,form,next){ if(to.path == '/'){ next() }else{ if('判断条件'){ next() //…

组件之间的跳转 // 方法二 <router-link to="/src"></router-link> // 方法三 this.$router.push("/src") 组件之间跳转(传递参数)——动态传值 明确发送方法和接受方配置接受方路由地址 {path:"/src/:name",component:""} 接收方法获…

创建组件 创建组件 Vue.component("组件名称",{template:"<h3>模板</h3>"}) 组件 的使用 ​ 组件的使用就像html标签一样 <组件名称></组件名称> 注意如果一个组件中渲染多个元素,将多个元素放到一个跟标签,否则会报错 创建符合组建 定义只用一个组件调用了其他…

v-if 如果false则不挂在DOM上 v-show 无论true/false都放在都DOM上,只能隐藏 v-esle 配合v-if使用 v-for 循环 v-for="(value,index) in data" :key="index" v-bind 绑定 简写 : 绑定 v-no 监视DOM事件 简写@ <a @click.stop=…

View (视图) 用户界面Model(模型) 数据ViewModel(纽带) view <---> model纽带 待完结...

一、创建git本地仓库 ​ 1.初始化仓库 git init ​ 2.添加文件到仓库 git add . ​ 3.git commit -m "备注信息" 二、查看远程提交日志 ​ git log 三、把文件退回到上一个版本 ​ git reset --hard HEAD^ ​ 2.回到最新版本 ​ git reset --hard id号 ​ 3…

安装 npm install babel-preset-es2015 --save-dev npm install babel-cli -g 配置 新建文件名为 .babelrc 并配置 { "presets":[ "es2015" ], "plugins":[] } 使用 babel es6的文件夹名称 -d es5的文件夹名称