Vue.js
vue
yorkmass☭
个人邮箱 yaoyi@tobsion.com
展开
-
ECharts数据可视化
ECharts数据可视化官方文档原创 2019-08-04 14:52:45 · 1897 阅读 · 0 评论 -
Vue.js基于脚手架编写项目
创建Vue项目npm install -g vue-clivue init webpack vue_democd vue_demonpm installnpm run dev或者npm startgithub项目vue-clivue-cli文档vue-cli中文网项目结构图代码编写,在src目录components自定义组件yy.vue<te...原创 2019-08-07 17:12:26 · 416 阅读 · 0 评论 -
Vue.js基础_自定义插件
自定义插件vue-mycj.js(function () { //需要向外暴露的插件对象 const MyPlugin={} //插件对象必须有一个Install() MyPlugin.install=function (Vue,options) { //1.添加全局方法或属性 Vue.myGlobalMethod=f...原创 2019-08-07 15:53:01 · 179 阅读 · 0 评论 -
Vue.js基础_常用指令和自定义指令
v-cloak:防止闪现表达式,与css配合<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script&g...原创 2019-08-07 15:17:32 · 202 阅读 · 0 评论 -
Vue Vuex使用和原理
vuex github项目vuex在线文档Vuex运行原理state:1)vuex管理的状态对象2)它应该是唯一的const state = { xxx:initValue}mutations1)包含多个直接更新state的方法(回调函数)的对象2)谁来触发:action中的commit(‘mutation名称’)3)只能包含同...原创 2019-08-09 16:05:24 · 923 阅读 · 0 评论 -
Vue.js基础_过滤器
github上面的moment项目(JavaScript)日期格式化组件BootCDN引入开源项目:BootCDN时间过滤器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>&...原创 2019-08-07 14:40:10 · 70 阅读 · 0 评论 -
Vue Router安装和说明
Vue RouterVue router中文文档vue router githhub项目npm下载npm install vue-router --save原创 2019-08-09 14:05:53 · 260 阅读 · 0 评论 -
Vue.js移动组件库mint_ui
mint_ui Api文档需要翻墙才能访问github项目原创 2019-08-09 13:47:40 · 190 阅读 · 0 评论 -
Vue.js基础_ajax库
Vue项目中常用的两个ajax库1、vue-resourcevue插件,非官方库,vue1.x使用广泛2、axios通用的ajax请求库,官方推荐,vue2.x使用广泛vue-resource的使用npm下载npm install vue-resource --save引入<script src="https://cdn.staticfile.org/...原创 2019-08-09 12:51:58 · 178 阅读 · 0 评论 -
Vue.js基础_消息订阅与发布
安装插件pubsub-jsnpm安装npm install --save pubsub-jsVue项目可以利用pubsub-js实现兄弟组件中的通信pubsub-js项目官网原创 2019-08-09 12:18:29 · 373 阅读 · 0 评论 -
Vue.js基础_生命周期
生命周期函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script></head>...原创 2019-08-06 22:28:57 · 93 阅读 · 0 评论 -
Vue.js基础_自动收集表单数据
使用v-model对表单数据自动收集单选框,数据以及显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></...原创 2019-08-06 22:16:23 · 288 阅读 · 0 评论 -
Vue.js基础_事件处理
事件处理$event是所有事件的回调函数事件修饰符.stop和.prevent<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/...原创 2019-08-06 18:40:51 · 129 阅读 · 0 评论 -
Vue.js基础_列表渲染、搜索和排序
显示列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/vue.js"></scr...原创 2019-08-06 17:34:40 · 177 阅读 · 0 评论 -
Vue.js基础_绑定和条件渲染
style绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> <styl...原创 2019-08-06 15:41:15 · 145 阅读 · 0 评论 -
Vue.js相关理解及指令
为了方便开发,调试,需要去Chrome网上应用商店下载插件Vue.js DevtoolsVue相关理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vueTest</title> <script...原创 2019-08-05 20:17:43 · 187 阅读 · 0 评论 -
Idea设置Vue.js自动提示
我在使用Idea导入Vue.js时候,没有自动提示,就很难受我在File->setting->Plugins里面搜索也下载安装了Vue.js,按着步骤重启了,但是就是没有自动提示然后我发现,这个需要手动去设置自动提示我们打开File->setting->Inspections,然后在右侧找到Html->Unknown HTML tag attribute,...原创 2019-08-05 17:36:17 · 8532 阅读 · 4 评论 -
Vue.js入门相关介绍
Vue.js官网Vue.js中文网apiVue.js常用插件原创 2019-08-05 17:37:41 · 86 阅读 · 0 评论 -
Vue-CLI项目的打包与发布
Vue-cli项目的打包与发布Vue-cli项目安装运行项目打包npm run build打包生成dist文件夹发布1:使用静态服务器工具包npm install -g serveserve dist访问:http://localhost:5000发布2:使用动态的web服务器(tomcat)修改配置:webpack.prod.conf.jsoutpu...原创 2019-08-07 17:54:17 · 169 阅读 · 0 评论