you're in {{title}} page!
+{{content}}
+
+
+
+│ .gitignore # 忽略无需git控制的文件 比如 node_modules +│ package.json # 项目配置 +│ readme.md # 项目说明 +│ index.html # 首页 +│ index.tpl # 首页模板 在发布的时候 执行 PRODUCTION=1 webpack 会生成一个d.html并注入脚本，样式，达到版本控制的目的 +│ webpack.config.js # webpack 配置文件 +│ +├─node_modules +└─src + │ app.js # 启动配置，配置路由，过滤器 + │ app.vue # 主vue + │ filters.js # 过滤器 + │ routers.js # 路由 + │ + ├─components # 组件 + │ my-component.vue + │ + ├─css # 公用样式 + │ common.css + │ + └─views # 页面 + about.vue + home.vue + not-found.vue ++ +##学习参考： +待续 + diff --git a/src/app.js b/src/app.js new file mode 100644 index 0000000..c8632c0 --- /dev/null +++ b/src/app.js @@ -0,0 +1,33 @@ + +require('./css/common.css');//加载公共样式 +require('./css/animate.css');//加载公共样式 + +var Vue = require('vue'); +var VueRouter = require('vue-router'); +var fastclick = require('fastclick'); +fastclick.attach(document.body); + +// register filters 自定义过滤器 金额格式化， +var filters = require('./filters'); + +Object.keys(filters).forEach(function(k) { + Vue.filter(k, filters[k]); +}); + +var App = Vue.extend(require('./app.vue')); + Vue.use(VueRouter); + +var router = new VueRouter( + { + hashbang: true, //为true的时候 example.com/#!/foo/bar ， false的时候 example.com/#/foo/bar + //abstract:true, //地址栏不会有变化 + //以下设置需要服务端设置 + //history: false, //当使用 HTML5 history 模式时，服务器需要被正确配置 以防用户在直接访问链接时会遇到404页面。 + //saveScrollPosition: false + linkActiveClass:'custom-active-class' //全局设置连接匹配时的类名 参考http://vuejs.github.io/vue-router/en/link.html + } +); + +require('./routers')(router); + +router.start(App,'#app'); \ No newline at end of file diff --git a/src/app.vue b/src/app.vue new file mode 100644 index 0000000..159d606 --- /dev/null +++ b/src/app.vue @@ -0,0 +1,73 @@ + + + +
{{content}}
+
+
+