随笔分类 -  03_VueDev

vs code vue 代码片段
摘要：{ "Print to console": { "prefix": "temp", "body": [ "<template>", " <div>", " $TM_FILENAME_BASE", " </div>", "</template>", "", "<script>", "export de 阅读全文
posted @ 2020-07-15 15:16 Sugеr 阅读(124) 评论(0) 推荐(0)
vue中的路由传参总结
摘要：路由传参 1.方案一 // 路由定义 { path: '/describe/:id', name: 'Describe', component: Describe } // 页面传参 this.$router.push({ path: , }) // 页面获取 this.$route.params. 阅读全文
posted @ 2019-12-30 09:43 Sugеr 阅读(226) 评论(0) 推荐(0)
Vue Router 相关
摘要：1. 路由传参: 编程式的导航 router.push 声明式的导航 一样 总结 : name方式 可以用 query 和 params path方式 只能用 query 命名路由搭配 params，刷新页面参数会丢失 查询参数搭配query，刷新页面数据不会丢失 2. 关于 hash 和 hist 阅读全文
posted @ 2019-07-12 10:30 Sugеr 阅读(242) 评论(0) 推荐(0)
一个demo 理解 vuex
摘要：相比接触vue的同学们已经看了官方文档了。这里我用一个简单的demo来阐述下vuex的知识点，虽然简单，但是容易理解。也加深自己的记忆。 用脚手架建立个项目vue init webpakc-simple ，安装下vuex，这里我新建2个组件productOne,productTwo. 好，如果想在2 阅读全文
posted @ 2019-04-03 16:40 Sugеr 阅读(230) 评论(0) 推荐(0)
Vue组件的生命周期
摘要：1. new Vue() :new 了一个Vue的实例对象 此时进入组件的创建过程 2. init : 初始化 组件的 事件 和 生命周期函数 生命周期函数等待着被调用 3. beforeCreate : 此时没有 this 没有data 没有 元素 4. created : 此时修改数据 不会触发 阅读全文
posted @ 2019-03-30 14:16 Sugеr 阅读(531) 评论(0) 推荐(0)
npm 常用指令
摘要：npm install <name>安装nodejs的依赖包 例如npm install express 就会默认安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install express@3.0.6 npm install <name> -g 将包安装到全局 阅读全文
posted @ 2018-04-03 09:36 Sugеr 阅读(298) 评论(0) 推荐(0)
iconFont 阿里巴巴矢量图标使用方法
摘要：挑选图标的过程（共6步） <link rel="stylesheet" href="http://at.alicdn.com/t/font_wyhhdpv5lhvbzkt9.css"> <link rel="stylesheet" href="http://at.alicdn.com/t/font_ 阅读全文
posted @ 2018-04-02 15:29 Sugеr 阅读(638) 评论(0) 推荐(0)
VUE中关于表单提交的简单实现
摘要：main.js App.js export default { data(){ return { formObj:{ nickname:"", sex:"", book:"", sleep:"", city:"", } }; }, methods:{ showData(e){ console.log 阅读全文
posted @ 2018-03-03 22:30 Sugеr 阅读(44668) 评论(0) 推荐(1)
VUE中组件的使用
摘要：1. 关于vue组件引用 1. 使用Nodejs的方法 1. 被引用的组件要暴露 module.exports={}; 2. 引用时 用 var abc= require("组件的路径") 3. 然后 就可以用abc点出来组件中的东西 属性或者方法 4. 代码 5. ​ 2. ES6的方法(整体抛出 阅读全文
posted @ 2018-03-01 22:59 Sugеr 阅读(876) 评论(0) 推荐(0)