vue+piana
@邢亨6415:如何使用Vuex+Vue.js构建单页应用 -
尉慧15231512322…… 首先安装 vue-clinpm install -g vue-cli注:Node.js >= 4.x, 5.x 最好 初始化应用 vue init webpack vue-notes-appcd vue-notes-appnpm install // 安装依赖包npm run dev // 启动服务 初始化一个项目名为vue-notes-app的应用,并选择使用 webpack 打包方式.
@邢亨6415:新手求指点 vue怎么当作maya插件使用 -
尉慧15231512322…… 先把Vue安装上,连同插件一并安装,装好之后在Maya里以插件的方式调入
@邢亨6415:如何在WebStorm 2017下调试Vue.js + webpack -
尉慧15231512322…… 有人觉得vue项目难调试,是因为用了webpack.所有代码揉在了一起,还加了很多框架代码,根本不知道怎么下手.所以vue+webpack调试要从webpack入手.1.我们先从一般情况开始说.-sourcemap webpack配置提供了devtool这个选项,如...
@邢亨6415:Vue.js适合制作移动端的Webapp吗 -
尉慧15231512322…… 完全可以. 技术选型是这样: vue+vue-strap+babel(es6)+webpack+vue-router app很简单,使用vuejs自不必说,组件开发模块管理使用vue-loader、webpack,页面切换以及过场动画使用vue-router,在app开发过程只需关注app的数据走向即可,另外可以搭配各类UI库让应用更加美观,使用SUI或Framework7都可以,常使用的是Framework7一个分支版本light7(因为后续的功能补充可能用到jQuery.如果涉及数据后台同步可以配合后端语言进行开发,此处可选用Google现成的Firebase作为数据存储端.
@邢亨6415:用vue 一般都配合什么 UI 框架 -
尉慧15231512322…… vue 只是一个js库,不算框架,他不限制你使用使用UI框架,理论上你可以使用任意 UI 框架.常见的vue的UI框架有:element UI (饿了么的UI框架),Vux(微信UI风格),vue-strap,Vue-Blu等等.
@邢亨6415:vue.js+ajax怎么样实现滚动加载 -
尉慧15231512322…… div class="example_top">JinKey最新收藏</div><ul><li v-for="item in items"><span class="title_content">{{item.title}}</span></li></ul> 本来只有一个span,滚动加载后使用AJAX得到新数据,要怎么样把新数据用第二个span显示出来.
@邢亨6415:webpack + vue.js中怎么控制组件的显示与隐藏 -
尉慧15231512322…… 在src目录下建立components文件夹,并在其中建立app.vue文件,这样我们项目的目录结构如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue example</title> </head> <body> <app></app> <script src="dist/build.js"></script> </body> </html>
@邢亨6415:vue怎么在一个事件中监听另一个事件的变化 -
尉慧15231512322…… vue.js移除绑定的点击事件的方法: 可以用 v-on 指令监听 dom 事件: greet 绑定了一个单击事件处理器到一个方法 greet.下面在 vue 实例中定义这个方法: var vm = new vue({ el: '#example', data: {
@邢亨6415:前端采用vue+webpack后端采用java全栈开发,怎么实现自动部署 -
尉慧15231512322…… 前端可以用flightplan.js 部署. var config = require("./webpack.config.js"); var webpack = require("webpack") var webpackDevServer=require("webpack-dev-server") config.entry.unshift("webpack-dev-server/client?localhost:8080", "...
@邢亨6415:如何在webpack+vue.js下配置使用scss -
尉慧15231512322…… vue提供了初始化的webpack模板,其中使用了vue-loader.vue-loader默认只支持sass, 要是想要使用scss,必须安装node-sass和sass-loader,然后再webpack的配置文件中添加module.exports = {vue: {loaders: {scss: ['vue-style-loader','css', 'sass'].join('!')},}}然后在.vue格式的模板中,style 标签中添加 lang='scss' 就可以了.
尉慧15231512322…… 首先安装 vue-clinpm install -g vue-cli注:Node.js >= 4.x, 5.x 最好 初始化应用 vue init webpack vue-notes-appcd vue-notes-appnpm install // 安装依赖包npm run dev // 启动服务 初始化一个项目名为vue-notes-app的应用,并选择使用 webpack 打包方式.
@邢亨6415:新手求指点 vue怎么当作maya插件使用 -
尉慧15231512322…… 先把Vue安装上,连同插件一并安装,装好之后在Maya里以插件的方式调入
@邢亨6415:如何在WebStorm 2017下调试Vue.js + webpack -
尉慧15231512322…… 有人觉得vue项目难调试,是因为用了webpack.所有代码揉在了一起,还加了很多框架代码,根本不知道怎么下手.所以vue+webpack调试要从webpack入手.1.我们先从一般情况开始说.-sourcemap webpack配置提供了devtool这个选项,如...
@邢亨6415:Vue.js适合制作移动端的Webapp吗 -
尉慧15231512322…… 完全可以. 技术选型是这样: vue+vue-strap+babel(es6)+webpack+vue-router app很简单,使用vuejs自不必说,组件开发模块管理使用vue-loader、webpack,页面切换以及过场动画使用vue-router,在app开发过程只需关注app的数据走向即可,另外可以搭配各类UI库让应用更加美观,使用SUI或Framework7都可以,常使用的是Framework7一个分支版本light7(因为后续的功能补充可能用到jQuery.如果涉及数据后台同步可以配合后端语言进行开发,此处可选用Google现成的Firebase作为数据存储端.
@邢亨6415:用vue 一般都配合什么 UI 框架 -
尉慧15231512322…… vue 只是一个js库,不算框架,他不限制你使用使用UI框架,理论上你可以使用任意 UI 框架.常见的vue的UI框架有:element UI (饿了么的UI框架),Vux(微信UI风格),vue-strap,Vue-Blu等等.
@邢亨6415:vue.js+ajax怎么样实现滚动加载 -
尉慧15231512322…… div class="example_top">JinKey最新收藏</div><ul><li v-for="item in items"><span class="title_content">{{item.title}}</span></li></ul> 本来只有一个span,滚动加载后使用AJAX得到新数据,要怎么样把新数据用第二个span显示出来.
@邢亨6415:webpack + vue.js中怎么控制组件的显示与隐藏 -
尉慧15231512322…… 在src目录下建立components文件夹,并在其中建立app.vue文件,这样我们项目的目录结构如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue example</title> </head> <body> <app></app> <script src="dist/build.js"></script> </body> </html>
@邢亨6415:vue怎么在一个事件中监听另一个事件的变化 -
尉慧15231512322…… vue.js移除绑定的点击事件的方法: 可以用 v-on 指令监听 dom 事件: greet 绑定了一个单击事件处理器到一个方法 greet.下面在 vue 实例中定义这个方法: var vm = new vue({ el: '#example', data: {
@邢亨6415:前端采用vue+webpack后端采用java全栈开发,怎么实现自动部署 -
尉慧15231512322…… 前端可以用flightplan.js 部署. var config = require("./webpack.config.js"); var webpack = require("webpack") var webpackDevServer=require("webpack-dev-server") config.entry.unshift("webpack-dev-server/client?localhost:8080", "...
@邢亨6415:如何在webpack+vue.js下配置使用scss -
尉慧15231512322…… vue提供了初始化的webpack模板,其中使用了vue-loader.vue-loader默认只支持sass, 要是想要使用scss,必须安装node-sass和sass-loader,然后再webpack的配置文件中添加module.exports = {vue: {loaders: {scss: ['vue-style-loader','css', 'sass'].join('!')},}}然后在.vue格式的模板中,style 标签中添加 lang='scss' 就可以了.