dream_summer的博客

目录Vue笔记二：基础语法1、 插值（动态内容）Mustache语法(双大括号)指令2、绑定属性（动态属性）1、元素的src和href2、class绑定3、 style绑定内联样式3、计算属性**基础例子****计算属性的 getter和setter****计算属性 vs 侦听属性**计算属性传参4、事件监听基础参数问题(括号问题)**事件修饰符**5、条件渲染基础**用 `key` 管理可复用的元素****`v-show`**6、列表渲染6.1 遍历数组6.2 遍历对象6.3 维护状态 (key属性)6.

目录vue笔记一：Vue技术栈1、node.js2、 npm3、ES64、Babel5、项目构建工具vue-cli6、路由vue-router7、状态管理vuex8、http请求⼯具axios9、文件打包工具webpack10、Vue.jsVue实例vue生命周期以及不同生命周期下的应用vue笔记一：Vue技术栈1、node.js如果想要javascript代码能够在服务器端运行就必须提供一个Javascript的运行环境(runtime environment)，这就是node.js。node.j

防止重复点击，重复提交或者重复跳转页面自定义指令，通过在标签原型上面绑定状态的方式，控制是否可以重复点击1.局部注册export default { name: "", directives: { preventRepeat: { inserted(el, binding) { function __avoidRepeatHandler__() { if (el.__clickDisabled__) return; e

子组件接收到参数后不能够直接修改，因为每当父组件重新渲染时，该值将被覆盖，用一个回调函数来调用到父组件 进行修改

使用vant轮播图无法使用本地图片解决办法是在数据外加上require<template> <div> <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> <van-swipe-item v-for="item in img" :key="item"> <van-image :src="item"/> &l

子组件中<template> <div class="sport-poster"> <img class="sport-poster-img" :src="imgSrc" /> </div></template><script>export default { data() { return { name: "SportPoster", }; }, props: {

自己写tabbar组件时重复点击按钮报错如下Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/shopcart"解决方式：抛出异常可以写在点击按钮处 itemClick(){ this.$router.push(this.path).catch(err=>err) }也可以写在router/index.js

文章目录一、下载安装二、使用1.中文简体2.持续更新.......一、下载安装官网下载最新版：https://code.visualstudio.com/Download下载zip版本，直接解压，运行exe即可二、使用1.中文简体点击左侧工具栏extensions或者使用快捷键【Ctrl+Shift+X】，输入chinese，点击Install安装中文简体插件，然后重启即可2.持续更新…...

vue前端框架的环境搭建。