前端开发框架Vue相关
图灵农场
互联网的好处是总有文明的道路可以走,如果在产品、技术、管理上挖掘潜力的话,可以不作恶而通向成功的道路。(布局自己的技术体系!https://gitee.com/wxmingit)
展开
-
vue入门——1环境搭建及项目构建启动
一、vue.js开发环境搭建: 1、安装Node.js。NodeJs的包管理器npm。npm集成了最多的前端插件,配置命令或者命令行即会下载对应开源插件、项目。npm集成在了Node.js中,所以安装Node.js的时候便安装了。 2、由于资源限制,安装npm依赖包的时候经常失败。建议使用npm的国内镜像cnpm命令行工具代替默认的npm。npm国内镜像http...原创 2019-03-05 18:09:39 · 190 阅读 · 0 评论 -
前端访问服务跨域问题解决——http-sever做反向代理
用npm下载个http-server:cnpm install http-server -g-g表示全局支持到web模块的resources目录下,在cmd命令行执行:http-server -P http://192.168.252.114:8100 -p 9000 .其中ip端口是后端服务的ip端口。浏览器打开http://localhost:9000/in...原创 2019-08-06 15:37:42 · 428 阅读 · 0 评论 -
vue入门——8Vue插件(前端路由vue-router)(状态管理Vuex)
(本文只是初学vue的部分资料收集,以后用到了再详细补充。)前端路由:路由就是个网址。前后端分离,后端专注数据,前端专注交互和可视化。后端可给app和页面提供一套API。前端路由就是由前端来维护一个路由规则。状态管理Vuex...原创 2019-03-07 14:04:03 · 346 阅读 · 0 评论 -
vue入门——7Vue单文件组件
(本文只是初学vue的部分资料收集,以后用到了再详细补充。)Vue单文件组件就是后缀名为vue的文件。使用需要安装加载器或者脚手架之类配置。...原创 2019-03-07 12:01:55 · 211 阅读 · 0 评论 -
vue入门——6Webpack基本配置
(本文只是初学vue的部分资料收集,以后用到了再详细补充。)Webpack是js应用程序的模块打包工具。Webpack基本配置:entry:打包入口。output:打包结果出口。打包之后启动...原创 2019-03-07 11:57:11 · 188 阅读 · 0 评论 -
vue入门——5Vue组件与Vue自定义指令介绍
vue组件是vue中最精彩的部分。创建组件跟创建实例比较类似,但需要注册之后才能使用。组件注册有全局注册和局部注册两种方式。全局注册之后任何Vue实例都可以使用。my-component是注册组件的自定义标签名称,推荐使用小写-分隔的方式命名。如果要在复实例中使用这个组件,就必须在实例创建前注册这个组件。之后便可以使用my-component标签的形式来使用组件了,这是一种伪标签的形...原创 2019-03-07 11:39:35 · 748 阅读 · 0 评论 -
vue入门——4内置指令介绍
vue的指令带有v-前缀。一、基本指令v-cloak、v-once;二、条件渲染指令;三、列表渲染指令;四、方法与事件;五、v-model指令一、基本指令v-cloak在vue实例结束编译的时候从绑定的html元素上移除。经常和css的display:none配合使用。如下图,当网速慢,vue文件还没有加载完成时,页面会显示{msg}的字样,直到vue创建实例、编译模板时,d...原创 2019-03-06 19:17:06 · 248 阅读 · 0 评论 -
vue入门——3vue常用概念结构
Vue.js为最常用的两个指令v-bind和v-on提供了缩写方式。v-bind指令可以缩写为一个冒号,v-on指令可以缩写为@符号。本文目录:一、Vue实例与数据绑定,二、Vue生命周期,三、插值与表达式,四、过滤器,五、指令和事件,六、语法糖,七、计算属性,八、v-bind指令,九、class与style绑定,一、Vue实例与数据绑定vue...原创 2019-03-06 16:33:22 · 378 阅读 · 0 评论 -
vue入门——2正式进入开发
一、初始了解初始项目生产的App.vue文件,即一个vue的单文件组件,由三部分组成: template写html代码; script写js代码; style写样式。也可写成独立的js或者css文件引入。开发时只需要保存文件便能在浏览器中实时看到修改变化。该vue文件通过VueLoader插件加载执行。之后再结合webpack打包会将Vue转换成浏览器识别...原创 2019-03-05 19:03:14 · 154 阅读 · 0 评论 -
vue中 关于$emit的用法——父子组件传值
参考:https://blog.csdn.net/sllailcp/article/details/785950771、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn;{ ...原创 2019-08-08 18:28:30 · 1186 阅读 · 0 评论