Vue
什么都不会的咸鱼
这个作者很懒,什么都没留下…
展开
-
Vue-router
一、Vue-router入门:先看项目的目录结构所要写的vue文件放入components中。简单例子如下。新建一个hi.vue<template> <div class="hi"> {{msg}} </div></template> export default { name: 'hi', data ...原创 2019-08-13 12:53:00 · 671 阅读 · 0 评论 -
Vue.js上
Vue.js1.什么是Vue.js1).Vue.js是一个JavaScri的库。2).Vue.js本身只专注于UI层面,并且核心价值永远都是API的简洁。3).其他功能比如路由、ajax等,只会提供可选的模块。2.简单入门1).可以直接在页面中利用script标签引入。Vue会被注册为全局变量。2).对于生产环境来说,可以链接到一个明确的版本号和构建文件。3).Vue构建大型应用时可以...原创 2019-08-12 23:55:58 · 393 阅读 · 0 评论 -
Vue.js中
Vue.js事件处理器1.v-on指令<div id="app"> <button v-on:click="count++">点击</button> <p>这个按钮被点击了 {{ count }} 次。</p></div><script> new Vue(){ el:"#app", ...原创 2019-08-12 23:43:54 · 127 阅读 · 0 评论 -
Vue.js下
Vue.js自定义指令1.自定义全局指令在Vue.js处理默认设置的核心指令(v-model和v-show),Vue也允许注册自定义指令。如下实例,注册一个全局指令v-focus,功能为在页面加载时,元素获得焦点。<div id="app"> <input v-focus></div><srcipt> Vue.directive("...原创 2019-08-12 23:55:12 · 218 阅读 · 0 评论 -
Vue-cli
安装Vue-cli:使用全局安装vue-cli;在cmd中输入一下命令npm install -g vue-cli使用图形化界面:vue ui创建项目: mydemovue init webpack mydemoPS:项目名字不能有大写字母。创建项目详情:Project name (vuetest)项目名称,可以自己指定,也可直接回车,按照括号中默认名字。Project d...原创 2019-08-13 09:12:44 · 464 阅读 · 0 评论 -
VueX
初始Vuex:vuex是一个专门为vue.js应用程序开发的状态管理模式。这个状态与之对应的是data中的属性,需要共享给其他组件使用的部分。也就是说使用vuex进行统一集中管理共享的data。vuex中的五种基本对象:state:存储状态(变量)getters:对数据获取之前的再次编译,也就是state的计算属性。在组件中使用 $sotre.getter.fun()mutati...原创 2019-08-13 09:36:49 · 292 阅读 · 0 评论