![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Xaire
简简单单做自己该做并喜欢的事情。
展开
-
vue中devtools的安装使用
npm install -g @vue/cli //安装最新版本的vue-cli脚手架 @vue/cli 3.0以上就可以 (@vue/cli 4.3.1)vue -V //安装完成后,用这个命令可以查看到版本执行vue ui 去创建图形化界面,一路按照界面选择根据需求就可以配置了。配置完成后进入任务选项卡,右上角有个 devtools,点击会自动跳转到chrome插件的安装地址。...原创 2020-04-11 16:40:17 · 657 阅读 · 0 评论 -
uni-app实现购物功能模块
参考资料:uni-app官网1.选用工具HBuilderx快速创建uni-app项目。2.运行——>选择浏览器运行。等待编译及相关依赖安装完成后,浏览器会自动启动显示页面。3.自定义顶部导航栏部分,官网资料框架配置部分,配置pages.json的navigationStyle选项为“custom”4.在主页面实现顶部导航组件和下方内容中的购物功能5.实现添加商...原创 2020-03-25 11:14:44 · 2191 阅读 · 0 评论 -
利用Element+vue实现的点餐前端系统
参考教程:https://jspang.com/detailed?id=28#toc21 (若是链接失效,进入https://jspang.com可以找到相关教程)参考代码地址:https://github.com/shenghy/AwesomePOS参考技术:https://element.eleme.cn/#/zh-CN/component/installation后台系统参考代码...原创 2019-11-06 17:50:55 · 5331 阅读 · 2 评论 -
解决:vue打包后无法在本地正常运行
解决:vue打包后无法在本地正常运行运行打包命令:npm run build生成了dist文件夹点击 index.html,浏览器显示空白,原因是打包路径配置成了绝对路径:assetsPublicPath:'/',解决办法:在config/index.js文件中将打包路径配置为相对路径:assetsPublicPath:'./',//在路径前面加一个点...原创 2019-11-06 17:36:10 · 7308 阅读 · 2 评论 -
vuejs中的watch选项监控数据的变化
1.watch写在Vue构造器内部2.直接使用vm.$watchapp.$watch('temperature',function(newVal, oldVal){})<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=...原创 2019-09-11 15:44:14 · 853 阅读 · 0 评论 -
vue事件绑定的3种书写方式
参考:https://jspang.com/posts/2017/03/26/vue2-3.html#%E7%AC%AC3%E8%8A%82%EF%BC%9Amethods-option-%E6%96%B9%E6%B3%95%E9%80%89%E9%A1%B91.$event传递点击鼠标的一些事件及属性<!DOCTYPE html><html lang="en"&...原创 2019-09-10 12:02:35 · 2039 阅读 · 0 评论 -
案例:用组件通信完成事件的添加、删除
1. 父组件传值给子组件:v-bind:'atrName' = '来自父组件的数据' , props['atrName']定义在子组件中接收来自父组件中的数据2.子组件传值给父组件:方式一:(1)父组件中定义接收数据的对象数组名list,(2)子组件中定义需要传输的数据inputText,(3)子组件中定义方法用this.$parent.list.push['inputText'],...原创 2018-09-10 18:26:40 · 238 阅读 · 0 评论 -
vue-router
vue-router 路由ngRoute①引入对应的angular-router.js 指定ngRoute②ngView创建一个盛放代码片段的容器③路由词典app.config(function($routeProvider){$routeProvider.when().otherwise})跳转: $location.path a href='#/myDetail'传参: ①...原创 2018-09-10 14:13:32 · 166 阅读 · 0 评论 -
组件之间通信案例--简单的聊天室
1.ref父组件操作子组件:<子组件 ref='名称'></子组件>在父组件中可以通过:this.$refs.名称(react: this.refs.名称)子组件操作父组件:this.$parent.属性或this.$emit('toFather','来自子组件的数据')练习:简单的聊天室分析组件构成:chat-room父组件lucy 子组件:...原创 2018-09-02 21:35:09 · 735 阅读 · 0 评论 -
Vue.js——父组件与子组件之间的通信:1.父传子用props['属性名'],子传父用this.$emit('事件名',this.值);2.ref
1.由父组件 传值 到子组件:(通过属性传值)一共有7中定义component的方法,参考地址:https://medium.com/js-dojo/7-ways-to-define-a-component-template-in-vuejs-c04e0c72900d(1)创建子组件 指定属性,把要传递的值给属性<son name="值"></son>...原创 2018-09-01 18:03:21 · 653 阅读 · 0 评论 -
Vue.js学习笔记-vue-cli脚手架搭建
参考地址:https://www.cnblogs.com/zhaomeizi/p/8483597.html转载 2018-07-28 11:44:02 · 127 阅读 · 0 评论