在前端開發(fā)中,開發(fā)者經(jīng)常會使用到各種不同的模板引擎來進行頁面渲染與數(shù)據(jù)綁定操作。其中,ejs和vue都是較為常見的模板引擎。
ejs是一種簡單的JavaScript模板引擎,能夠?qū)avaScript代碼與HTML代碼進行混合使用,實現(xiàn)對頁面內(nèi)容的動態(tài)渲染操作。
// ejs代碼示例 <% if (users.length) { %> <ul> <% users.forEach(function(user){ %> <li><%= user.name %></li> <%}); %> </ul> <% } else { %> <p>No users found</p> <% } %>
而vue,則是一套框架,除了具備ejs的模板引擎的功能外,還能夠進行組件化的開發(fā),實現(xiàn)更加復(fù)雜的應(yīng)用場景邏輯,提升開發(fā)效率。
// vue代碼示例 <template> <div> <ul v-if="users.length"> <li v-for="(user, index) in users" :key="index"> {{ user.name }} </li> </ul> <p v-else>No users found</p> </div> </template> <script> export default { data() { return { users: [] } } } </script>
總的來說,ejs適合對頁面中某些特定部分進行局部更新的場景;而vue則更適用于構(gòu)建富交互、具有復(fù)雜邏輯的單頁面應(yīng)用。
上一篇multi_vue
下一篇css中dispaly