-
vue 基础
vue 基础 指令绑定 vue 使用 v-bind 绑定属性,表示该属性内容从 vue-data 中加载。可以用 : 代替。 vue 使用 v-on 绑定事件,表示该事件从 vue-methods 中加载。可以用 @ 代替。 <input type=button value="按钮"
-
vue + electronの文件读写
统对文件完成读写操作。 正常操作流程 首先先创建一个vue项目, 可以使用vue cli进行创建 通过yarn serve命令测试是否能否运行成功,界面正常出现即可。 通过yarn add electron -D加入electron。 然后在package.json
-
Vue UI框架ant-design-vue介绍
ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库,它其实是Ant Design的Vue实现,组件的风格与Ant Design保持同步,组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整VUE组件库与开发方案集成项目。
-
Vue:引入markdown(.md)文件
rule("md") .test(/\.md/) .use("vue-loader") .loader("vue-loader") .end() .use("vue-markdown-loader") .loader("vue-markdown-loader/lib/markdown-compiler")
-
Vue 项目文件结构介绍
一、文件介绍 main.js是项目主入口文件,主要作用是初始化vue实例,并引入所需插件; App.vue是项目主组件,所有页面都是在App.vue下进行切换的。也可以理解为所有的路由是App.vue的子组件。所以将router标示为App.vue的子组件。 index.html为文件入口;
-
vue动画
</html> 四、vue中多元素或组件的过渡,vue中列表的过渡 以及动画通过组件的形式封装 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue中多元素或组件的过渡,vue中列表的过渡 以及动画通过组件的形式封装</title>
-
vue选项
} } }; var app=new Vue({ el:'#app', data:{ message:'hello Vue!' }, methods:{
-
小试vue
install webpack –g npm install -g @vue/cli@4.5.15 vue -v C:\Users\hiszm>vue -V @vue/cli 4.5.15 然后从网上随便找一个vue 项目然后运行 cd 到当前目录 然后 npm install
-
Vue 应用 @fullcalendar/vue 实现日程日历
Fullcalendar Vue框架下,fullcalendar被封装成了几种不同的版本, @ fullcalendar/vue vue-fullcalendar 需要注意的是,以上两种用法不一样,不要搞混淆了! 本文重点关注第一种 @ fullcalendar/vue 的用法。经实践,第二种实现效果不友好。
-
【Vue3学习笔记】Vue3入门学习
组件在页面中 Vue 2 对比 import Vue from 'vue' import App from './App.vue' new Vue({ render: h => h(App), }).$mount('#app') 2.App.vue <template>
-
【Vue】从零搭建一个Vue项目
meta:可以配置一些参数,作用其实是让一些非路由组件展示与不展示 //引入Vue import Vue from "vue"; //引入Vue-router import VueRouter from "vue-router"; //使用VueRouter Vue.use(VueRouter); //引入路由组件
-
Vue CLI
些项目所依赖地初始配置。 在Vue.js环境中,这个脚手架工具就是Vue CLI,利用这个工具,可以自动生成一个基于Vue.js地单页应用地脚手架项目。 2、安装 可以使用下面的命令安装Vue CLI npm install -g @vue/cli # 或者 yarn global
-
vue滚动
1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先,在mounted钩子中给window添加一个滚动滚动监听事件,mounted () {window.addEventListener('scroll', this.handleScroll)},然后在方法
-
Vue进阶(十七):vue proxyTable配置
在项目开发的时候,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们现在使用vue-cli进行项目打包的时候,我们在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx
-
Vue入门
文章目录 文章目录 文章目录一、Vue快速入门二、常用指令1.v-if 和 v-model2.v-bind3.v-on4.v-for 三、生命周期1.mounted 一、Vue快速入门 引入Vue.js文件: <script src="https://cdn
-
GDE2.0使用vue+element-ui开发页面
详情见附件
-
Vue进阶(幺伍零):Vue key应用
值不建议使用index,原因详参《Vue进阶(幺伍幺):Vue 应用key提升页面渲染性能》。 使用key属性强制替换元素 key属性还有另外一种使用方法,即强制替换元素,从而可以触发组件的生命周期钩子或者触发过渡。因为当key改变时,Vue认为一个新的元素产生了,从而会新插入一个元素来替换掉原有的元素。
-
Vue组件Vue-highlight 实现代码高亮
还支持 apache、nginx 这些配置文件的语法。 除了引入Vue-highlight.js文件外,还需要引入样式文件highlight.js。vue-highlight.js只是实现了代码高亮的功能,安装包里是没有css样式文件,因此我们还需要安装一个highlight.js来实现真正的样式。
-
Vue路由
Vue路由 Vue路由基础嵌套路由路由重定向路由传参params形式传参query形式传参params方式与query方式的区别 编程式路由利用JS实现路由跳转通过watch实现路由监听导航守卫 Vue路由基础 Vue属于单页应用(SPA),即整个应用程序中只有一个html页面。
-
Vue进阶(幺陆柒):Vue项目调试技能
再重新打开, 才能使用; 如果调试插件安装后,vue面板未出现,再到vue-devtools文件夹下执行一遍npm run dev。 也可以在联网状态下,在Chrome或Firefox浏览器的扩展插件仓库里搜vue devtool,安装Vue.js devtools。