-
最新谷歌 vue控件安装
https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd
查看全部 -
npm install -g @vue/cli 与 vue i -g @vue/cli 安装的不是一个版本，前者安装的为 3.5.1版本 后者安装的 2.9.6版本
查看全部 -
store.js中引入了vue和vuex；然后Vue.use(Vuex)
state中记录的是状态；
mutations是唯一可以改变集中状态的方法集的定义；
使用实例：
在传递状态的视图组件中import store from '@/store';//@符号代表src目录
传递过去的状态名称在state中定义；在mutations中定义一个方法，对状态进行改变；在出发状态改变的视图组件中使用store.commit('mutation')进行状态改变触发
在需要接收状态改变的视图组件中先import store from '@/store';然后使用store.state.name可以直接引用被更改了的状态
查看全部 -
vue代码风格规范：https://cn.vuejs.org/v2/style-guide/
查看全部 -
views中 ：新建组件
New->Vue Component->命名
<template>模板
<script>代码
<style>样式
//==============================
router.js中：定义组件，导入位置
上面导入:import 大写名字 from './views/大写名字.vue';
{
path: /小写名字（与views中的一致）'',
name: 小写名字'',
component: 大写名字,
}
//===================================
App.vue中：连接到组件
<router-link to="/小写名字">大写名字</router-link>
查看全部 -
vue代码规范
1、好习惯，少走坑
2、写出自己看得懂的代码
3、写出别人看得懂的代码
查看全部 -
1、计算属性：computed
2、侦听器：watch
3、使用场景介绍，watch(异步场景)，computed(数据联动)
查看全部 -
安装nvm的步骤：
1.打开github官网https://github.com/，输入nvm搜索,选择creationix／nvm，打开creationix/nvm
之后按照视频里老师的教学来安装
查看全部 -
nvm 官方不支持windows
查看全部 -
这个还是适合有一定基础的人学，里面涉及到本地session，涉及到$router改变url。
查看全部 -
1：node版本管理工具nvm 2：console调试可以在mount方法中使用window.vue=this，然后就可以使用window.vue.变量来输出和改变了 3：vue-devtool可以调试查看vue的组件和vuex 4：查看全部
-
class这里可以使用条件表达式，更为灵活
查看全部 -
BootCDN查看全部
-
常用知识点：认识vue ，模块语法，v-bind属性绑定，事件绑定，条件渲染，列表渲染，Class与Style绑定
核心技术：认识vue-cli工具，vue代码规范，Vue组件的调试方法，vue-router,vuex
集成:介绍workflow工作流，单页面Demo(动态表单，列表动态展示)，使用Cli工具，开发常见的应用组件
查看全部 -
<!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/vue/2.5.21/vue.min.js"></script> <style> .bg{ color:red; } </style> </head> <body> <div id="a1"> {{ (count + 1) * 10 }} {{ count }} <div v-html="template"> </div> <button type="button" v-on:click="submit()">点击</button> </div> <script> new Vue({ el: '#a1', data: { msg: 'hello vue!', count: 0, template: '<div>hello template</div>' }, methods: { submit: function(){ this.count ++ } } }) </script> </body> </html>查看全部
举报