vue

Vue开篇之Vue-cli搭建项目

Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层,采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。从node.js官网下载并安装node,安装步骤就是一路点next即可~安装完成后输入cmd打开命令行工具输入命令node-v,出现版本号说明node安装成...

vue动态生成表单

一、下拉框<!DOCTYPEhtml><html><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>v-for</tit...
代码星球·2020-04-12

一、Vue分页实现

一、Vue分页实现<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title></ti...
代码星球·2020-04-12

vue中解决跨域问题

方法1.后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有来源访问header('Access-Control-Allow-Method:POST,GET');//允许访问的方式  方法2.使用JQuery提供的jsonp methods:{get...
代码星球·2020-04-12

七、Vue Cli+ApiCloud

顶部注释:底部注释: 效果: 继续使用: 运行环境:用APP打开,浏览器没有api对象,只有APP运行环境才有API对象代码如下:<template><div><divv-show="show">HelloWorld</div><but...
代码星球·2020-04-12

五、vue中export和export default的使用

  比喻index.js要使用test.js中的数据,首先在test.js文件中进行导出操作代码如下:exportfunctionlist(){alert("list");}exportfunctioninfo(){alert("info");}exportleta=10; 在index....
代码星球·2020-04-12

三、Vue CLI-单页面

 代码如下:<template><divclass="header">{{title}}</div></template><script>exportdefault{data(){return{title:'猫眼电影'};}}</script&...
代码星球·2020-04-12

一、移动端商城 Vue 组件库

一、组件库 移动端商城Vue组件库 ...
代码星球·2020-04-12

一、Vue CLI

介绍:#安装VueClinpminstall-g@vue/cli目的是可以让你使用Vue命令#访问Vue命令vue--version创建方式两种(vuecreate方式以及使用vueui命令以图形化界面创建和管理项目)vuecreatehello-world 运行 注意:npmrun se...
代码星球·2020-04-12

vue父子组件的传值总结

久违的博客园我又回来了。此篇文章写得是vue父子组件的传值,虽然网上已经有很多了。写此文章的目的就是记录下个人学习的一部分。接下来我们就进入主题吧!在开发vue项目中,父子组件的传值是避免不掉的。情况一:父组件给子组件传值方法,使用props父页面:parent.vue1<template>2<div...

vue初始化模板套用

一、  代码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-sc...
代码星球·2020-04-12

六、vue cli 调试

1、DebuggerforChrome插件2、配置vue.config.js文件(如果没有,在根目录下新增一个)module.exports={configureWebpack:{devtool:'source-map'}};3、配置babel.config.js文件module.exports={"env":{"de...
代码星球·2020-04-12

四、vuex的使用

通过const state定义变量方式,在new Vuex.Store是引用的写法1、main.js//sotre中的变量为所有组件共享变量,即全局变量importVuefrom'vue';//引用vueimportVuexfrom'vuex';//引用vuexVue.use(Vuex);//使用v...
代码星球·2020-04-12